﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Personal.aspx.cs" Inherits="_4T.Personal" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Hệ thống trợ giúp y tế</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Global stylesheets -->
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
    <link href="css/form.css" rel="stylesheet" type="text/css" />
    <link href="css/standard.css" rel="stylesheet" type="text/css" />
    <link href="css/custom.css" rel="stylesheet" type="text/css" />
    <link href="css/view.css" rel="stylesheet" type="text/css" />
    <!-- Comment/uncomment one of these files to toggle between fixed and fluid layout -->
    <!--<link href="css/960.gs.css" rel="stylesheet" type="text/css">-->
    <link href="css/960.gs.fluid.css" rel="stylesheet" type="text/css" />
    <!-- Custom styles -->
    <link href="css/simple-lists.css" rel="stylesheet" type="text/css" />
    <link href="css/block-lists.css" rel="stylesheet" type="text/css" />
    <link href="css/planning.css" rel="stylesheet" type="text/css">
    <link href="css/table.css" rel="stylesheet" type="text/css">
    <link href="css/calendars.css" rel="stylesheet" type="text/css">
    <link href="css/wizard.css" rel="stylesheet" type="text/css">
    <link href="css/gallery.css" rel="stylesheet" type="text/css">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <link rel="icon" type="image/png" href="favicon-large.png">
    <script src="js/libs/jquery-1.6.3.min.js"></script>
    <!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
    <script src="js/libs/modernizr.custom.min.js"></script>
    <script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
    <script type="text/javascript">
        function clearData(id) {
            var video = document.getElementById("video" + id);
            if (video.tagName == "OBJECT") {
                video.parentNode.style.display = "none";
                video.style.display = "none";
            }
            else {
                video.style.display = "none";
                video.innerHTML = "";
            }

            //document.getElementById("video" + id).style.display = "none";
            document.getElementById("audio" + id).style.display = "none";
            document.getElementById("photo" + id).style.display = "none";
            document.getElementById("desc" + id).style.display = "none";
            document.getElementById("profileDetail" + id).style.display = "none";
        }

        function removePlayer(id) {
            var tmp = "#video" + id;
            var video = "video" + id;
            if ($(tmp).length > 0) {
                jwplayer(video).remove();
            }
        }

        function closePanel(id) {
            document.getElementById("pnlDetail" + id).style.display = "none";
            clearData(id);
        }

    </script>
    <script type="text/javascript">
        function showVideo(id, url) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var video = "video" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(video).style.display = "block";
            setupvideo(video, url);
        }

        function setupvideo(videoid, url) {
            var tmp = "#" + videoid;
            if ($(tmp).length > 0) {
                jwplayer(videoid).setup({
                    width: 600,
                    height: 450,
                    file: url
                });
            }
        }
    </script>
    <script type="text/javascript">
        function showAudio(id, url) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var audio = "audio" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(audio).style.display = "block";
            setupAudio(audio, url);
        }

        function setupAudio(id, url) {
            var tmp = "#" + audioid;
            if ($(tmp).length > 0) {
                jwplayer(audioid).setup({
                    width: 600,
                    height: 150,
                    file: url
                });
            }
        }
    </script>
    <script type="text/javascript">
        function showDesc(id, description) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var desc = "desc" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(desc).style.display = "block";
            document.getElementById(desc).textContent = description;
        }
    </script>
    <script type="text/javascript">
        function showProfileDetail(id, description) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var desc = "profileDetail" + id;
            document.getElementById(panel).style.display = "block";
            document.getElementById(desc).style.display = "block";
            document.getElementById(desc).innerHTML = description;
        }
    </script>
    <script type="text/javascript">
        Array.prototype.clean = function (deleteValue) {
            for (var i = 0; i < this.length; i++) {
                if (this[i] == deleteValue) {
                    this.splice(i, 1);
                    i--;
                }
            }
            return this;
        };
        function showPhoto(id, photoUrl) {
            clearData(id);
            var panel = "pnlDetail" + id;
            var photo = "photo" + id;
            document.getElementById(panel).style.display = "block";
            var photoDetail = document.getElementById(photo);
            photoDetail.style.display = "block";
            photoDetail.innerHTML = "";
            var urls = photoUrl.split(';').clean("");
            if (urls.length > 1) {
                for (var i = 0; i < urls.length; i++) {
                    var imgEle = document.createElement("img");
                    imgEle.src = urls[i];
                    imgEle.setAttribute(style, "display: block;");
                    photoDetail.appendChild(imgEle);
                }
            }
            else {
                var imgEle = document.createElement("img");
                imgEle.src = urls;
                imgEle.style.display = "block";
                photoDetail.appendChild(imgEle);
            }
        }
    </script>
</head>
<body>
    <%--<form id="frm" runat="server">--%>
    <!-- Header -->
    <!-- Server status -->
    <header>
        <div class="container_12">
        </div>
    </header>
    <!-- End server status -->
    <!-- Main nav -->
    <nav id="main-nav">
        <div class="top">
            <span class="company">Quỹ Từ thiện tình thương TP.Hồ Chí Minh</span>
        </div>
    </nav>
    <!-- End main nav -->
    <!-- Sub nav -->
    <div id="sub-nav">
        <div class="container_12">
            <a href="#" title="Help" class="nav-button"><b>Search</b></a>
            <form id="search-form" name="search-form" method="post" action="SearchResult.aspx">
                <input type="text" style="margin-top: 9px; border-style: none;" name="s" id="s" value="" title="Tìm kiếm" autocomplete="off" />
            </form>
        </div>
    </div>
    <!-- End sub nav -->
    <div id="header-shadow">
    </div>
    <!-- End header -->
    <!-- Content -->
    <div class="content">
        <span style="color: white; font-weight: bold;">Họ và Tên:
            <asp:Label ID="lblFullName" runat="server" Text="Label"></asp:Label></span><br />
        <span style="color: white; font-weight: bold;">Email: 
            <asp:Label ID="lblEmail" runat="server" Text="Label"></asp:Label></span><br />

    </div>
    <div class="clear">
    </div>
    <div class="footer">
        <span class="">QUỸ TỪ THIỆN TÌNH THƯƠNG TP.HỒ CHÍ MINH</span>
        <br>
        <span class="">15 mai thị lựu - phường đakao - quận 1- tphcm - tel:(08) 3910 7612 - fax:(08) 39107614</span>
        <br>
        <span class="">Website hiển thị tốt nhất trên trình duyệt <b class="">FireFox</b> hoặc <b class="">Chrome</b> với độ phân giải màn hình 1024x768</span>
    </div>
    <div class="clear">
    </div>

    <script type="text/javascript">
        //&lt;![CDATA[
        var theForm = document.forms['frm'];
        if (!theForm) {
            theForm = document.frm;
        }
        function __doPostBack(eventTarget, eventArgument) {
            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                theForm.__EVENTTARGET.value = eventTarget;
                theForm.__EVENTARGUMENT.value = eventArgument;
                theForm.submit();
            }
        }
        //]]&gt;
    </script>


    <!-- End content -->

    <footer>
        <div class="float-left">
        </div>
        <div class="float-right">
            <a class="button" href="#top">
                <img width="16" height="16" src="images/icons/fugue/navigation-090.png">
                Page top</a>
        </div>
    </footer>
    <!--
	</form>
	Updated as v1.5:
	Libs are moved here to improve performance
	
	-->
    <script src="http://www.google.com/jsapi"></script>
    <!-- Generic libs -->
    <script src="js/old-browsers.js"></script>
    <!-- remove if you do not need older browsers detection -->
    <script src="js/libs/jquery.hashchange.js"></script>
    <!-- Template libs -->
    <script type="text/javascript" src="js/jquery.accessibleList.js"></script>
    <script type="text/javascript" src="js/searchField.js"></script>
    <script src="js/common.js"></script>
    <script src="js/standard.js"></script>
    <!--[if lte IE 8]><script src="js/standard.ie.js"></script><![endif]-->
    <script src="js/jquery.tip.js"></script>
    <script src="js/jquery.contextMenu.js"></script>
    <script src="js/jquery.modal.js"></script>
    <!-- Custom styles lib -->
    <script src="js/list.js"></script>
    <!-- Plugins -->
    <script src="js/libs/jquery.dataTables.min.js"></script>
    <script src="js/libs/jquery.datepick/jquery.datepick.min.js"></script>


</body>
</html>
